import React, { Component } from 'react'
import './NewProducts.style.scss'

export default class NewProducts extends Component {
    render() {
        return (
            <div className="new">
                <div>
                    <h3>新品推荐</h3>
                    <p>NEW ARRIVAL<span>1/5</span></p>
                </div>
                <div className="content">
                    {
                        this.props.new && this.props.new.NEW_ARRIVAL.map((item,index)=>{
                            return (
                                <div key={index}>
                                    <img src={item.img} alt=""/>
                                    <p>{item.title}</p>
                                    <h4>{item.sub_title}</h4>
                                    <span>￥{item.price}</span>
                                </div>
                            )
                        })
                    }
                </div>
            </div>
        )
    }
}
